<template>
	<view class="systemSet">
		<view class="systemSetItemOuter">
			<view class="systemSet_item">
				<text>个人信息</text>
				<image src="../../static/images/iconImg/yjt.png" mode=""></image>
			</view>
			<view class="systemSet_item">
				<text>重置密码</text>
				<image src="../../static/images/iconImg/yjt.png" mode=""></image>
			</view>
			<view class="systemSet_item">
				<text>修改密码</text>
				<image src="../../static/images/iconImg/yjt.png" mode=""></image>
			</view>
			<view class="systemSet_item">
				<text>清除缓存</text>
				<image src="../../static/images/iconImg/yjt.png" mode=""></image>
			</view>
			<view class="systemSet_item">
				<text>关于我们</text>
				<image src="../../static/images/iconImg/yjt.png" mode=""></image>
			</view>
			<view class="systemSet_item" @click="outLogin">
				<text>退出</text>
				<image src="../../static/images/iconImg/yjt.png" mode=""></image>
			</view>
		</view>

		<view class="footer">
			<text>《用户协议》</text> 和 <text>《隐私协议》</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			// 退出
			outLogin() {
				const that = this
				uni.showModal({
					title: '退出',
					content: '确认要退出吗？',
					success: function(res) {
						if (res.confirm) {
							uni.removeStorageSync('token')
							uni.reLaunch({
								url: '/pages/home/home'
							})

						} else {}
					}
				})

			},
		},
	}
</script>

<style lang="scss" scoped>
	.systemSet {
		height: 93vh;
		background-color: #f8f8f8;
		position: relative;

		.systemSetItemOuter {
			background-color: #fff;
			padding: 0px 10px 10px 10px;

			.systemSet_item {
				display: flex;
				align-items: center;
				justify-content: space-between;
				font-size: 13px;
				border-bottom: 1px solid #f4f4f4;
				padding: 10px 0;

				image {
					width: 16px;
					height: 14px;
				}
			}
		}

		.footer {
			font-size: 12px;
			display: flex;
			align-items: center;
			justify-content: center;
			position: absolute;
			bottom: 30px;
			left: 0;
			right: 0;

			text {
				color: #ff0000;
			}
		}
	}
</style>